.tab-list-conponent {
  .close-icon {
    visibility: hidden;
    margin-left: 4px;
  }
  .nav-link:hover .close-icon, .nav-link.active .close-icon {
    visibility: visible;
  }
  .nav-link {
    &.withUnsaved {
      &:hover {
        .close-icon {
          display: inline-block;
        }
        .unsaved-icon {
          display: none;
        }
      }
      .close-icon {
        display: none;
      }
    }
  }
  .unsaved-icon {
    display: inline-block;
    background: #d9534f;
    width: 11px;
    height: 11px;
    margin-left: 4px;
  }
}